// 我要在这里封装 项目中 所有的自定义指令
// import Vue from 'vue'
// 这样封装有两个问题:
// 1. 所有的指令全被你注册成全局      想全局就全局 想局部就局部
// 2. 所有的指令都被你注册了         想注册就注册  不想注册使用就不注册

// 自由 ==>> 灵活

export const imgerror = {
  // 指令的钩子配置(函数)
  inserted(el, binding) {
    // 当指令所在的元素插入到页面中时 触发这个函数
    // console.log(el, binding.value, 7777)
    // 是错的!!!
    // el.src = binding.value
    // 图片出错了 才能换src
    el.onerror = function() {
      el.src = binding.value
    }
  }
}

// 需求: 你帮我封装一个自定义指令
// <span v-color="color">哈哈</span>  color: 'pink'
export const color = {
  // 指令的钩子
  inserted(el, { value }) {
    el.style.color = value
  }
}

// export const money = 1000
